* {
    margin: 0;
    padding: 0;
}

ul li {
    /* 把无序列表的小黑点去掉 */
    list-style: none;
    /* 将li改为行内块
    display: inline-block; */
}

.list {
    display: flex;
}

.store__nav {
    display: flex;
    padding: 0px 171px;
    height: 114px;
    align-items: center;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
    /* 阴影    x 偏移量 | y 偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */
    position: fixed;
    /* 表示固定定位 */
    width: 100%;
    /* 因为用position: fixed;会让它脱离文档流，所以要用width: 100%;让子容器宽度占用父容器百分之百，也就是一样宽 */
    box-sizing: border-box;
    /* 表示ie浏览器的规则
    因为在谷歌浏览器中store__nav本身有个内边距，所以使用width: 100%;时宽度就是store__nav本身的宽度，
    不包括内边距和边框，这就会导致登录和注册按钮超出范围，而ie浏览器中width: 100%;就是表示内部内容和内边距和边框 */
    z-index: 999;
    /* 层级   只有添加的定位属性才能修改层级 */
    background-color: #fff;
}

.store__nav__logo {
    width: 73px;
    height: 57px;
}

.store__nav__logo img {
    width: 100%;
    height: 100%;
    /* 继承父容器的同样宽高 */
}

.store__nav__list {
    flex: 1;
}

.list__item {
    margin-left: 57px;


}

.button--primary {
    border: none;
    width: 57px;
    height: 43px;
    border-radius: 7px;
}

.login {
    background-color: #fff;
}

.register {
    background-color: #000;
    color: #fff;

}

.store__search {
    padding-top: 171px;
    display: flex;
    justify-content: center;
}



.search-box_input {
    width: 1365px;
    height: 89px;
    position: relative;
}

.search-input {
    width: 100%;
    height: 100%;
    font-size: 28px;
    box-sizing: border-box;
    border-radius: 14px;
    padding-left: 85px;
    padding-right: 160px;
}

.search-button {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 142px;
    height: 71px;
    background-color: #000;
    color: #fff;
    font-size: 28px;
}

.search-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    /* 脱离文档流 */
    top: 50%;
    transform: translateY(-50%);
    left: 28px;

}

.search-hot {
    margin-top: 9px;
    font-size: 25px;
    color: #6B7280;
}

.search-hot a {
    color: #6B7280;
    text-decoration: none;
    /* 下划线 */
    margin-left: 20px;
}

.category-title {
    padding: 21px 171px;
    margin-top: 57px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);

}

.category-title_list {
    display: flex;
}

.list-item {
    font-size: 28px;
    margin-right: 57px;
    color: #4B5563;
    cursor: pointer;
    /* 鼠标放上去就是一只手 */
}

.list-item:nth-child(1) {
    color: #000;
}

.category-content {
    background-color: #F9FAFB;
    padding: 57px 171px 142px 171px;
}

.content-banner img {
    width: 100%;
}

.content-feature-img {
    display: flex;
}

.content-feature-text {
    margin-top: 57px;
    font-size: 43px;
}

.headphones {}

.watch {}

.wallet {}

.schoolbag {
    width: 523px;
    height: 647px;
}

.headphones-text,